<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE>
<html>

<head>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="baidu-tc-cerfication"
          content="8f75aa1d017086290b42263df41c1791"/>
    <title>景点详情 | Seeker 舒客</title>
    <meta http-equiv="imagetoolbar" content="no"/>
    <meta name="robots" content="all"/>
    <meta name="keywords" content="旅居线路 旅居景区 旅游景点 攻略 照片 自助游"/>
    <meta name="description"
          content="想找适合您的旅居线路吗?快来舒客旅居网看看吧，精心挑选旅居线路供您出游选择。"/>
    <meta name="apple-mobile-web-app-title" content="0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <c:set value="${pageContext.request.contextPath}" var="path"></c:set>
    <link rel="icon" href="${path}/LeisureSeeker/icons/favicon.ico" sizes="16x16"/>
    <link rel="icon" href="/favicon_32x32.ico" sizes="32x32"/>
    <link rel="icon" href="/favicon_128x128.png" sizes="128x128"/>
    <link rel="icon" href="/favicon_256x256.png" sizes="256x256"/>

    <link rel="apple-touch-icon" href="favicon_256x256.png"/>
    <link rel="stylesheet"
          href="${path}/LeisureSeeker/css/jquery-ui-1.9.custom.css">
    <link rel="stylesheet"
          href="${path}/LeisureSeeker/css/ylj.css">

    <script type="text/javascript" charset="utf-8"
            src="${path}/LeisureSeeker/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${path}/LeisureSeeker/js/jquery-ui-1.9.2.min.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
    </script>
    <script type="text/javascript" charset="utf-8"
            src="${path}/LeisureSeeker/js/yododo.js"></script>
    <script type="text/javascript" charset="utf-8"
            src="${path}/LeisureSeeker/js/prototype.js"></script>
    <script type="text/javascript">
        var _hmt = _hmt || [];
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-145162-2']);
        _gaq.push(['_setDomainName', 'yododo.com']);
        _gaq.push(['_addOrganic', 'google.cn', 'q']);
        _gaq.push(['_addOrganic', 'baidu', 'word']);
        _gaq.push(['_addOrganic', 'baidu', 'wd']);
        _gaq.push(['_addOrganic', 'soso', 'w']);
        _gaq.push(['_addOrganic', 'sogou', 'query']);
        _gaq.push(['_addOrganic', 'youdao', 'q']);
        _gaq.push(['_addOrganic', 'so.360.cn', 'q']);
        _gaq.push(['_addOrganic', 'so.cn', 'q']);
        _gaq.push(['_addOrganic', 'so.com', 'q']);
        _gaq.push(['_addOrganic', '360sou.com', 'q']);
        _gaq.push(['_addOrganic', 'vnet', 'kw']);
        _gaq.push(['_addOrganic', '3721', 'name']);
        _gaq.push(['_addOrganic', 'gougou', 'search']);
        _gaq.push(['_addOrganic', 'sm.cn', 'q']);
        _gaq.push(['_addIgnoredOrganic', '舒客']);
        _gaq.push(['_addIgnoredOrganic', '舒客旅行网']);
        _gaq.push(['_addIgnoredOrganic', '舒客旅游网']);
        _gaq.push(['_addIgnoredOrganic', '舒客网']);
        _gaq.push(['_addIgnoredOrganic', '舒客驿站']);
        _gaq.push(['_addIgnoredOrganic', '舒客客栈']);
        _gaq.push(['_addIgnoredOrganic', 'yododo']);
        _gaq.push(['_addIgnoredOrganic', 'youduoduo']);
        _gaq.push(['_addIgnoredOrganic', 'youdodo']);
        _gaq.push(['_addIgnoredOrganic', 'www.yododo.com']);
        _gaq.push(['_addIgnoredOrganic', 'www.yododo.cn']);
        _gaq.push(['_trackPageview']);
        _gaq.push(['_setCustomVar', 1, 'VisitorType', 'Visit', 2]);
        try {
            var ga_cat = location.pathname.match(/^\/([a-z/])+/)[0];
            if (ga_cat) {
                _gaq.push(['_setCustomVar', 4, 'Category', ga_cat, 3]);
            }
        } catch (ga_e) {
        }

        function addTrackEvent(action, opt_label, opt_value) {
            try {
                if (opt_value) {
                    _gaq.push(['_trackEvent', action, opt_label, opt_value]);
                    _hmt.push(['_trackEvent', action, opt_value, opt_value]);
                } else {
                    _gaq.push(['_trackEvent', action, opt_label]);
                    _hmt.push(['_trackEvent', action, opt_label]);
                }
            } catch (e) {
            }
        }
    </script>
</head>

<body>
<jsp:include page="header.jsp"/>
<style>
    @media screen and (max-width: 980px) {
    }
</style>
<script>
    function cookiesave(n, v, mins, dn, path) {
        if (n) {
            if (!mins)
                mins = 365 * 24 * 60;
            if (!path)
                path = "/";
            var date = new Date();
            date.setTime(date.getTime() + (mins * 60 * 1000));
            var expires = "; expires=" + date.toGMTString();
            if (dn)
                dn = "domain=" + dn + "; ";
            document.cookie = n + "=" + v + expires + "; " + dn + "path="
                + path;
        }
    }

    function cookieget(n) {
        var name = n + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ')
                c = c.substring(1, c.length);
            if (c.indexOf(name) == 0)
                return c.substring(name.length, c.length);
        }
        return "";
    }
</script>

</body>
<div id="main" class="pdt">
    <div class="crumbs w1200">
        <a href="home">首页</a>&nbsp; &gt; &nbsp; <a href="/recommend">景点</a>&nbsp;&gt;
        &nbsp; <strong class="place_name"></strong>
    </div>

    <div class="lxx w1200 clearfix" style="padding-top: 10px;">
        <div class="lxximg wp40 clearfix">
            <strong>舒客严选</strong>
            <ul>
                <%--http://pic3.40017.cn/scenery/destination/2015/04/18/14/RIKuWK.jpg--%>
                <li class="ig"
                    style="background-image: url(1)">
                    &nbsp;
                </li>
                <%--http://pic4.40017.cn/scenery/destination/2016/09/18/15/V7Hm3B.jpg--%>
                <li class="ig"
                    style="background-image: url(2)">
                    &nbsp;
                </li>
                <%--http://pic4.40017.cn/scenery/destination/2016/09/18/15/u4Azpb.jpg--%>
                <li id="bg-img" class="ig"
                    style="background-image: url(3)">
                    &nbsp;
                </li>
            </ul>
            <div id="tabs">
                <a class="tab" href="#">&nbsp;</a>
                <a class="tab" href="#">&nbsp;</a>
                <a class="tab" href="#">&nbsp;</a>
            </div>
        </div>
        <div class="lxxsm1 wp56">
            <strong class="place_name"></strong>
            <div id="address"></div>
            <br/>
            <span>参考票价<i id="price"><b>&yen;</b></i>元起</span>

        </div>
        <div class="lxxsm2 wp56">
            <!-- <span><i>注意事项</i><strong id="attention"></strong></span> -->

            <span><i></i><div id="referral" style="text-indent: 2em;font-size: 16px"></div></span>

        </div>
    </div>
    <div class="lxx w1200 clearfix" id="event-price"></div>

    <div class="cp w1200">
        <div class="cpm">
            <%--<div id="fcpm" class="cpmenu1">
                <div class="w1200">
                    <a class="current" id="xcjs_tab" href="javascript:;">景点介绍</a>
                    &lt;%&ndash;<a href="javascript:;" id="zyts_tab">费用说明</a>&ndash;%&gt;
                    &lt;%&ndash;<a href="javascript:;" d="lvdp_tab">旅友点评</a>&ndash;%&gt;
                    &lt;%&ndash;<a href="javascript:;" id="zxwd_tab">咨询问答</a>&ndash;%&gt;
                    <a class="jg" href="xl-js1.html">总&nbsp;&nbsp;&nbsp;&nbsp;计
                        <i d="totallinePrice2"><b>&yen;</b>0</i> <span>立即预定</span>
                    </a>
                </div>
            </div>--%>
        </div>
        <div class="cpsm" id="xcjs" style="display: inline-block;">
            <h3 class="place_name"></h3>
            <br/>
            <span class="count" id="content"></span>
        </div>
        <%--<div class="cpsm" id="zyts" style="display: none;">--%>
        <%--<h3>注意事项</h3>--%>
        <%--<p class="alert" id="attention"></p>--%>
        <%--</br>--%>
        <%--<h3>开放时间</h3>--%>
        <%--<p class="alert" id="opentime"></p>--%>
        <%--</div>--%>

        <%--<div class="cpsm" id="lvdp" style="display: none;">--%>
        <%--<h3>--%>
        <%--旅友点评<span class="count"></span>--%>
        <%--</h3>--%>
        <%--<p class="alert">不好意思，目前还没有旅友留下任何点评...</p>--%>
        <%--</div>--%>

        <%--<div class="zxwd" id="zxwd" style="display: none;">--%>
        <%--<h3>--%>
        <%--旅友提问<span class="count">(0)</span>--%>
        <%--</h3>--%>
        <%--<p class="alert">不好意思，目前还没有旅友留下任何问答...</p>--%>

        <%--<div id="respond" class="city_box-z mb35">--%>
        <%--<div class="head-title clearfix">--%>
        <%--<h3>发表回复</h3>--%>
        <%--</div>--%>
        <%--<textarea id="respondBox" name="comment" cols="80" rows="8"--%>
        <%--onkeyup="errRdPopup();" class="tarea"></textarea>--%>
        <%--<div class="fbhf clearfix">--%>
        <%--<div id="respondBox-errMsg" class="respond-err"--%>
        <%--style="color: #ff0000;"></div>--%>
        <%--<div class="fleft">--%>
        <%--您尚未<a href="http://www.yododo.com/user/login.ydd">登录</a>，点此<a--%>
        <%--href="http://www.yododo.com/user/login.ydd">登录</a>后发表评论哦~--%>
        <%--</div>--%>
        <%--<div class="fright">--%>
        <%--<a href="http://www.yododo.com/user/login.ydd"><span--%>
        <%--class="wst"><span>发表</span></span></a>--%>
        <%--</div>--%>
        <%--</div>--%>
        <%--</div>--%>
        <%--</div>--%>
    </div>
    <!-- <a href="xl-js1.html" class="mnext">下一步，选择出游日期</a> -->
</div>
<script type="text/javascript">
    window.onload = function () {
        var oDiv = document.getElementById("fcpm");
        var H = 0;
        var Y = oDiv;
        while (Y) {
            H += Y.offsetTop;
            Y = Y.offsetParent
        }
        window.onscroll = function () {
            var s = document.body.scrollTop
                || document.documentElement.scrollTop;
            if (s > H) {
                oDiv.className = "cpmenu2";
            } else {
                oDiv.className = "cpmenu1";
            }
        };
    }
</script>
<script type="text/javascript">
    var listdetailTabs = ['xcjs', 'zyts', 'lvdp', 'zxwd'];
    $j().ready(function () {
        $j("#xcjs_tab").click(function () {
            showTab(listdetailTabs, 'xcjs');
        });
        $j("#zyts_tab").click(function () {
            showTab(listdetailTabs, 'zyts');
        });
        $j("#lvdp_tab").click(function () {
            showTab(listdetailTabs, 'lvdp');
        });
        $j("#zxwd_tab").click(function () {
            showTab(listdetailTabs, 'zxwd');
        });
    });
</script>
<script type="text/javascript">
    /*getEventPriceVersion("eid=0168A27C8CCF0FB7F2D0D07568A07724&rn="
        + Math.random(), "event-price", "2");*/

    /*function getEventPriceVersion(params, targetId, version) {
        $j.ajax({
            type: "POST",
            url: "/event/getLinePrice.ydd",
            data: "version=" + version + "&" + params,
            success: function (data) {
                $j("#" + targetId).html(data);
            }
        });
    }*/
</script>
<script type="text/javascript">
    //_$tag____
    function showLineMonthPrice(v) {
        $j("#line-price-map1").hide();
        $j("#line-price-map2").hide();
        $j("#line-price-map" + v).show();
        $j("#line-price-a1").attr("class", "");
        $j("#line-price-a2").attr("class", "");
        $j("#line-price-a" + v).attr("class", "current");
    }

    //_$t
</script>
<script type="text/javascript">
    try {
        _gaq.push(['_trackEvent', 'lj_line_detail', 'detail']);
        _hmt.push(['_trackEvent', 'lj_line_detail', 'detail']);
    } catch (e) {
    }
</script>
<jsp:include page="bottom.jsp"/>
<script type="text/javascript" charset="utf-8"
        src="${path}/LeisureSeeker/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    function formatterDateTime() {
        var date = new Date()
        var month = date.getMonth() + 1
        var datetime = date.getFullYear()
            + ""// "年"
            + (month >= 10 ? month : "0" + month)
            + ""// "月"
            + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())
            + ""
            + (date.getHours() < 10 ? "0" + date.getHours() : date
                .getHours())
            + ""
            + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date
                .getMinutes())
            + ""
            + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date
                .getSeconds());
        return datetime;
    }

    // 确认可以获取其值了
    // console.log(sid);
    $(function () {
        <%--console.log(${pid});--%>
        <%--console.log(${cid});--%>
        <%--console.log(${sid});--%>
        $.ajax({
            type: 'get',
            // 来自于@ModelAttribute("pid")
            // 这个请求返回至少一个结果
            url: '${path}/cities?pid=${pid}&cid=${cid}',
            dataType: 'json',
            /*error: function (XmlHttpRequest, textStatus, errorThrown) {
                alert("操作失败!");
            },*/
            success: function (data) {
                // alert(data.result.toString());
                /*console.log(data.result);
                console.log(data.result[0].title);*/
                var result = data.result[0];
                $.each(data.result, function (i, obj) {
                });
                var title = "";
                var address = "";
                var price_min = "60";
                for (var i = 0; i < data.result.length; i++) {
                    if (data.result[i].sid ==${sid}) {
                        title = data.result[i].title;
                        address = data.result[i].address;
                        if (data.result[i].price_min != "") {
                            price_min = data.result[i].price_min;
                        }
                    }
                }
                $.ajax({
                    tyep: 'get',
                    url: '${path}/scenics/${sid}',
                    dataType: 'json',
                    success: function (innerData) {
                        $('#referral').text(innerData.result[0].referral);
                        $('#content').text(innerData.result[1].referral != null ? innerData.result[1].referral : innerData.result[0].referral);
                        // 背景图片
                        /*$.each($('.ig'), function (i, obj) {
                            console.log($(obj).css('background-image', 'url(' + innerData.result[i].img + ')'));
                        });*/
                    }
                });
                /*$('#price').append(result.price_min);
                $('#address').text(result.address);
                $('.place_name').prepend(result.title);*/
                $('#price').append(price_min);
                $('#address').text(address);
                $('.place_name').prepend(title);
            }
        });
    })

</script>
</body>

</html>